@CHARSET "ISO-8859-1";

html, body {
    height: 100%;
}

div#dialog2 {
	border-width: 1px;
    border-style: solid;
    border-color: #bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;
    background-color: #fff;
    overflow: auto;
    font-size: 11px;
    text-align: left;
    height: 100%;
}

td#dialog {
	border-width: 1px;
    border-style: solid;
    border-color: #000; /*#bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;*/
    background-color: #fff;
    overflow: auto;
    font-size: 11px;
    text-align: left;
    vertical-align:top;
    height: 100%;
}

div#main {
	overflow:hidden;
   	color: #000;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 10px;
   	background-color:#ebe6e1;
   	padding: 0;
   	border-width: 1px;
    border-style: solid;
    min-height: 100%
}

table.main {
	width:98%;
	height:98%;
	overflow:hidden;
   	color: #000;
   	font-family: Tahoma, Arial, sans-serif;
   	font-size: 10px;
   	background-color:#ebe6e1;
   	padding: 0;
   	border-width: 1px;
    border-style: solid;
}

div#user-zone {
	height: 100px;
	width: 100%;
}

td#celluser {
	display: table-cell;
	vertical-align: bottom;
	align: center;
	width: 100%;
	height: 100px;
	clear: left;
}

.textarea {
	width: 98%;
	align: center;
}



* {
     margin: 0;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

.footer, .push {
	height: 4em;
}

/** liens de la toolbar **/

a.setFontLink {
      width: 8em; 
      height: 14px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      vertical-align: middle;
      background-color: #ebe6e1;
      padding: 2px;
      padding-right: 10px;
      background-image: url(default/window/arrow.png);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #bfbcb8;
      overflow: hidden;
}

a.setFontSizeLink {
      display: table-cell;
      -moz-outline-style: none;
      text-decoration: none;
      width: 3em;
      height: 14px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      vertical-align: middle;
      background-color: #ebe6e1;
      padding: 2px;
      padding-right: 10px;
      background-image: url(default/window/arrow.png);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #bfbcb8;
      overflow: hidden;
}

a.setFontColorLink {
      display: table-cell;
      -moz-outline-style: none;
      text-decoration: none;
      width: 24px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      vertical-align: middle;
      background-color: #ebe6e1;
      padding: 2px;
      pading-right: 10px;
      background-image: url(default/window/arrow.png);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #bfbcb8;
      overflow: hidden;
}

a.insertEmoticonLink {
      display: table-cell;
      -moz-outline-style: none;
      text-decoration: none;
      width: 24px;
      height: 14px;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 10px;
      vertical-align: middle;
      background-color: #ebe6e1;
      padding: 2px;
      background-image: url(default/window/arrow.png);
      background-position: center right;
      background-repeat: no-repeat;
      border: 1px solid #bfbcb8;
      overflow: hidden;
}

div.fontbar {
	display: inline;
}

div.imToolbar {
	display: inline;
}

div.itemList {
   display: table-cell;
   position: absolute;
   border: 1px solid #bfbcb8;
   background-color: #ebe6e1;
   z-index: 10000;
   vertical-align: bottom;
}
   
div.itemList a {
   padding: 1px 3px 1px 3px;
   display: block;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 10px;
   background-color: #ebe6e1;
   text-decoration: none;
}
   
div.itemList a:hover {
   background-color: #e1ebf7;
}
